<template>
  <div class="page">
    <Navbar title="施工招标" />
    <div class="content">
      <van-empty description="暂无数据" />

      <!--        <van-pull-refresh v-model="refreshLoading" @refresh="onRefresh">-->
      <!--        <div class="record-list">-->
      <!--          <div-->
      <!--            v-for="(item,index) in tableData"-->
      <!--            :key="index"-->
      <!--          >-->
      <!--            <div v-if="item.type === 1" class="record-item item1">-->
      <!--              <div class="title">{{ item.title }}</div>-->
      <!--              <div class="value f-r a-c">-->
      <!--                <span>倒计时</span>-->
      <!--                <div class="num">{{ item.num }}</div>-->
      <!--                <span>天</span>-->
      <!--              </div>-->
      <!--              <div class="date">-->
      <!--                结束日期: {{ item.createTime }}-->
      <!--              </div>-->
      <!--            </div>-->
      <!--            <div v-if="item.type === 2" class="record-item item2">-->
      <!--              <el-button size="mini" type="primary">查看公示</el-button>-->
      <!--              <div class="title">{{ item.title }}</div>-->
      <!--              <div class="value f-r a-c">-->
      <!--                <span>招标公告</span>-->
      <!--                <div class="num">{{ item.num }}</div>-->
      <!--                <span>天</span>-->
      <!--              </div>-->
      <!--              <div class="date">-->
      <!--                结束日期: {{ item.createTime }}-->
      <!--              </div>-->
      <!--            </div>-->
      <!--            <div v-if="item.type === 3" class="record-item">-->
      <!--              <el-button size="mini" type="primary">查看通知书</el-button>-->
      <!--              <div class="title">{{ item.title }}</div>-->
      <!--              <div class="date">-->
      <!--                时间: {{ item.createTime }}-->
      <!--              </div>-->
      <!--            </div>-->
      <!--          </div>-->
      <!--        </div>-->
      <!--      </van-pull-refresh>-->
    </div>
  </div>
</template>

<script>
import refresh from '@/mixins/refresh'

export default {
  name: 'Help',
  mixins: [refresh],
  data() {
    return {
      activeTab: '全部',
      tableData: [
        { title: '招标计划', type: 1, num: 20, createTime: '2023-02-15' },
        { title: '招标公告', type: 2, num: 20, createTime: '2023-02-15' },
        { title: '中标通知书', type: 3, num: 20, createTime: '2023-02-15' }
      ]
    }
  },
  methods: {}
}
</script>

<style scoped lang="scss">
.record-list {
    .record-item {
        position: relative;
        width: 100%;
        height: 93px;
        background: #FFFFFF;
        border-radius: 10px;
        margin-bottom: 20px;
        padding: 12px 19px;

        .num {
            width: 23px;
            height: 23px;
            background: #D12020;
            border-radius: 3px;
            line-height: 23px;
            text-align: center;
            font-size: 14px;
            margin: 0 12px;
        }
        .el-button {
            position: absolute;
            right: 19px;
            top: 15px;
        }
        .title {
            height: 16px;
            font-size: 16px;
            line-height: 16px;
            font-family: PingFang SC;
            font-weight: bold;
            color: #333333;
            margin-bottom: 12px;
        }
        .value {
            height: 13px;
            font-size: 14px;
            line-height: 13px;
            font-family: PingFang SC;
            font-weight: 500;
            color: #333333;
            margin-bottom: 13px;
            .num {
                color: #ffffff;
            }
        }
        .date {
            height: 8px;
            font-size: 8px;
            font-family: PingFang SC;
            font-weight: 500;
            color: #333333;
        }
    }
    .item1 {
        background-image: url("~@/assets/my/card_bg1.png");
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }
    .item2 {
        background-image: url("~@/assets/my/card_bg2.png");
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }
}
</style>
